<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <SCRIPT LANGUAGE=JAVASCRIPT>
        function miFuncion(){
            document.getElementById(elementId)
            var elementos = document.getElementById("frases").getElementsByTagName("li");
            // Recorremos todos los elementos
            for (var i=0; i<elementos.length; i++) {
                  // Añadimos el evento onclick al div
                  crearEvento(elementos[i], "click", function(){
                        // Hacemos que muestre el contenido del DIV
                       alert(this.innerHTML);
                  });
            }
        }
        function crearEvento(elemento, evento, funcion) {
              if (elemento.addEventListener) {
                    elemento.addEventListener(evento, funcion, false);
              } else {
                    elemento.attachEvent("on" + evento, funcion);
              }
        }
        </SCRIPT>
    </head>
    <body>
    <h1>JSP Page</h1>
    <h:form id="formPrueba">

    </h:form>
    <h:outputText value="Ingrese un dato"/>
    <h:inputText id="entrada" value="#{prueba.cadena}" onclick="miFuncion()"/>
    </body>
</html>
